<template>
    <FormItem :label="label+colon" v-bind="$attrs" v-on="$listeners"  :style="style">
        <slot></slot>
    </FormItem>
</template>
 
<script>
    export default {
        inject:['grid'],
        props:{
            column:{
                type:[String,Number],
                default:1
            },
            label:{
                type:[String]
            }
        },
        computed:{
            style(){
                return {
                    // 设置单元格的状态，span代表合状态，第二个参数代表合并几等份
                    'grid-column-end':`span ${this.column}`
                }
            },
            //配置冒号
            colon(){
                if(this.grid.colon){
                    // 判断国际化
                    return '：'
                }else{
                    return ''
                }
            }
        }
    }
</script>
<style scoped>
</style>